<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
   <link rel="stylesheet" href="../css/demo.css">
   <link rel="stylesheet" href="../css/rest.css">
   <link rel="stylesheet" href="../font/iconfont.css">
</head>

<body>

   <!-- 右侧边效果 -->
   <aside>
      <p>在线咨询</p>
      <div class="aside_m">
         <span class="iconfont icon-icon-"></span>
         <span>345-78-234</span>
         <span>9点-18点</span>
      </div>

      <div class="aside_m_one">
         关注我们
         <div class="aside_m_one1">
            <img src="../images/erweima.2dbf6911.jpg" alt="">
            <!-- <img src="../img/1.jpg" alt=""> -->
         </div>
      </div>
      <a href="#header_m">TOP</a>
   </aside>








   <header>
      <div class="header_l" class="gray">
         <p>专柜查询</p>
         <p>帮助中心</p>
      </div>
      <div id="header_m">
         <h2>ARMANI
            <p>beauty</p>
         </h2>


      </div>
      <div class="header_r">
         <p class="button">登录与注册</p>
         <p>我的购物袋
         </p>
      </div>

   </header>
   <!-- 登录与注册 -->
   <div id="denglu">
      <div id="mask"></div>
      <div id="dialog">
         <div id="close">x</div>
         <div class="dialog-left">
            <ul>
               <li class="dialog-left-l">验证码登录</li>
               <li class="dialog-left-r">密码登录</li>
            </ul>
            <div class="yanzheng">
               <div>
                  <input type="text" class="yanzheng-one" placeholder="手机号">

                  <input type="text" class="yanzheng-two" placeholder="输入验证码">

                  <div class="yanzheng-there">
                     <input type="text" placeholder="短信验证码" class="yanzheng-there-o">
                     <input type="button" value="发送" class="yanzheng-there-t">
                  </div>


                  <input type="button" value="登录" class="yanzheng-five">
                  <p>使用第三方账号登录</p>
                  <div class="yanzheng-six"><img src="../images/m1.png" alt="">
                     <img src="../images/m2.png" alt="">
                  </div>
               </div>
               <div>
                  <input type="text" class="yanzheng-one" placeholder="手机号/邮箱">

                  <input type="text" class="yanzheng-one" placeholder="请输入密码，至少8个字符">

                  <p>忘记密码?</p>
                  <input type="button" value="登录" class="yanzheng-five">
                  <p>使用第三方账号登录</p>
                  <div class="yanzheng-six"><img src="../images/m1.png" alt="">
                     <img src="../images/m2.png" alt="">
                  </div>
               </div>

            </div>
         </div>
         <div class="dialog-right">
            <li>注册阿玛尼账户</li>
            <p>注册阿玛尼账号以便追踪您的订单，管理收货地址，获取更多个性化信息。</p>
            <!-- <div class="dialog-right-btn" >创建登录账户</div> -->

            <div class="dialog-right-btn"><a href="denglu.html">创建登录账户</a></div>
            <!-- <input type="button" value="创建账户" class="yanzheng-five">  -->

         </div>
      </div>
   </div>

   <nav>
      <div class="nav_m">
         <ul>
            <li class="nav_m1">年中狂欢
               <span class="iconfont icon-fenlei
               "></span>
               <div class="nav_m1_one">
                  <ul>
                     <li>会员礼遇
                        <img src="../images/会员-1920X636_.jpg" alt="">
                     </li>
                     <li>限量礼盒
                        <img src="../images/礼盒入口.jpg" alt="">
                     </li>

                     <li>选择你的底妆
                        <img src="../images/Shade-finder02.jpg" alt="">
                     </li>
                     <!--  <li>选择你的底妆
                    <p>臻礼定制 
                     </p>
                    <p>臻礼定制</p>
                    <p>臻礼定制</p>
                    <p>臻礼定制</p -->
            </li>
         </ul>
      </div>
      </li>
      <li>全部产品
         <div class="nav_m1_two">

            <ul>
               <li>明星产品
                  <img src="../images/明星单品入口.jpg" alt="">
               </li>
               <li>当季主推
                  <img src="../images/红气垫入口.jpg" alt="">
               </li>

            </ul>
         </div>
      </li>
      <li>彩妆专区
         <div class="nav_m1_there">
            <table>
               <tr>
                  <th>唇部</th>
                  <th>面部</th>
                  <th>眼部</th>
                  <th>美容工具</th>

               </tr>
               <tr>
                  <td>唇釉</td>
                  <td>粉底液/气垫</td>
                  <td>眉笔</td>
                  <td>专业化妆刷</td>
               </tr>
               <tr>
                  <td>唇膏</td>
                  <td>妆前隔离</td>
                  <td>眼线</td>

               </tr>
               <tr>
                  <td></td>
                  <td>遮瑕</td>
                  <td>眼影</td>

               </tr>
               <tr>
                  <td></td>
                  <td>腮红/胭脂</td>
                  <td>睫毛膏</td>
               </tr>
            </table>
         </div>
      </li>
      <li>护肤专区
         <div class="nav_m1_fore">
            <table>
               <tr>
                  <th class="nav_m1_fore-one">「黑钥匙」护肤系列</th>
                  <th>光钥新肌护肤系列</th>
                  <th>清洁防晒综合系列</th>
                  <th>男士综合护肤系列</th>

               </tr>
               <tr>
                  <td>基础清洁</td>
                  <td>基础清洁</td>
                  <td>基础清洁</td>
                  <td>洁面嗜喱</td>
               </tr>
               <tr>
                  <td>眼唇保养.</td>
                  <td>眼唇保养</td>
                  <td>防晒隔离</td>
                  <td>舒缓露</td>

               </tr>
               <tr>
                  <td>精华护肤</td>
                  <td>精华护肤</td>
                  <td></td>
                  <td>保湿乳</td>

               </tr>
               <tr>
                  <td>面霜/乳液.</td>

               </tr>
               <tr>
                  <td>特殊修复</td>

               </tr>
            </table>
         </div>
      </li>
      <li>香水专区
         <div class="nav_m1_five">
            <table>
               <tr>
                  <th>高定私藏香氛</th>
                  <th>女士香水系列</th>
                  <th>男士香水系列</th>
                  <th>明星系列</th>

               </tr>
               <tr>
                  <td>全新清新系列</td>
                  <td>阿玛尼挚爱香水</td>
                  <td>阿玛尼寄情香水</td>
                  <td>高定私藏香氛</td>
               </tr>
               <tr>
                  <td>经典系列.</td>
                  <td>全新MY WAY香水</td>
                  <td></td>
                  <td>挚爱系列</td>

               </tr>
               <tr>
                  <td>寄情系列</td>


               </tr>

            </table>
         </div>
      </li>
      <li>大师匠心</li>
      </ul>

      <div class="nav_r"> <span>红管</span>
         <span class="iconfont icon-search"></span>
      </div>



   </nav>
   <!-- </div> -->



   <main>

      <!-- 第一个轮播图 -->
      <section class="banner">
         <section class="bannn"></section>
         <ul class="dots">
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
         </ul>
         <input type="button" class="prev" value="<">
         <input type="button" class="next" value=">">

      </section>

      <div class="box1">
         <h2>明星产品</h2>
         <ul>
            <li>粉装衣橱

            </li>
            <li>唇妆衣橱</li>
            <li>香氛衣橱</li>
            <li>限量礼盒</li>
         </ul>
      </div>
      <div class="xuanxiangka">
         <div class="box2">
            <div class="box2_l">
               <div class="box2_l_m"> <img src="../images/2.png" alt=""></div>
               <h3>阿玛尼「大师」造型紧颜粉底液</h3>
               <p>DESICNER电梯基金会</p>
               <!--  <p>★★★★★</p>
          -->
               <ul>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
               </ul>
               <div class="box2_l_f">
                  <span> ￥788 </span>
                  <span> 立即购买</span>
               </div>
            </div>


            <div class="box2_l">
               <div class="box2_l_m"> <img src="../images/2 (1).png" alt=""></div>
               <h3>[高定版]阿玛尼轻垫菁华粉底液(粉盒+] </h3>
               <p>DESICNER电梯基金会</p>
               <ul>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
               </ul>
               <div class="box2_l_f">
                  <span> ￥788 </span>
                  <span> 立即购买</span>
               </div>
            </div>

            <div class="box2_l">
               <div class="box2_l_m"> <img src="../images/星钻红气垫_白底图.jpg" alt=""></div>
               <h3>阿玛尼「大师」造型紧颜粉底液</h3>
               <p>DESICNER电梯基金会</p>
               <ul>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
               </ul>

               <div class="box2_l_f">
                  <span> ￥788 </span>
                  <span> 立即购买</span>
               </div>
            </div>
         </div>
         <!-- <div class="box2">
         <div class="box2_l">
            <div class="box2_l_m"> <img src="../images/2.png" alt=""></div>
            <h3>阿玛尼「大师」造型紧颜粉底液</h3>
            <p>DESICNER电梯基金会</p>
           
            <ul>
               <li></li>
               <li></li>
               <li></li>
               <li></li>
               <li></li>
            </ul>
            <div class="box2_l_f">
               <span> ￥788 </span>
               <span> 立即购买</span>
            </div>
         </div>


         <div class="box2_l">
            <div class="box2_l_m"> <img src="../images/2 (1).png" alt=""></div>
            <h3>[高定版]阿玛尼轻垫菁华粉底液(粉盒+] </h3>
            <p>DESICNER电梯基金会</p>
            <ul>
               <li></li>
               <li></li>
               <li></li>
               <li></li>
               <li></li>
            </ul>
            <div class="box2_l_f">
               <span> ￥788 </span>
               <span> 立即购买</span>
            </div>
         </div>

         <div class="box2_l">
            <div class="box2_l_m"> <img src="../images/星钻红气垫_白底图.jpg" alt=""></div>
            <h3>阿玛尼「大师」造型紧颜粉底液</h3>
            <p>DESICNER电梯基金会</p>
            <ul>
               <li></li>
               <li></li>
               <li></li>
               <li></li>
               <li></li>
            </ul>

            <div class="box2_l_f">
               <span> ￥788 </span>
               <span> 立即购买</span>
            </div>
         </div>
      </div> -->
      </div>

      <div class="box3">

         <img src="../images/RDAbanner封面图.jpg" alt="">
         <img src="../images/RDA.jpg" alt="">
         <img src="../images/蓝气垫图.jpg" alt="">
         <img src="../images/蓝气垫banner封面图.jpg" alt="">
         <img src="../images/mywaybanner封面图.jpg" alt="">
         <img src="../images/myway图.jpg" alt="">
      </div>
      <!-- 第二个轮播图 -->


      <div class="box4">
         <div class="box4_l">
            <img src="../images/裁剪1.jpg" alt="">
            <div class="box4_l_r">
               <h3>100%官方正品保证</h3>
               <p>乔治阿尼，从时装到美妆，以大师匠心定义式优雅。
               </p>
               <p>悠然信步人生，愈现真实完美。</p>

            </div>


         </div>
         <div class="box4_m">
            <img src="../images/li1.png" alt="">
            <h3>无忧购物</h3>
            <p>尊享官网礼遇</p>
            <p>7天无理由退货</p>
         </div>
         <div class="box4_s">
            <img src="../images/li2.png" alt="">
            <h3>臻品速享</h3>
            <p>
               支持多种在线支付方式</p>
            <p>顺丰配送(偏远地区除外)</p>
         </div>
         <div class="box4_n">
            <img src="../images/li4.png" alt="">
            <h3>联系我们</h3>
            <p>5656-567-789</p>
            <p>顺丰配送(偏远地区除外)</p>
         </div>
      </div>

   </main>


   <footer>

      <div class="footer_o">
         <div class="footer_o1"><span>专柜查询</span>
            <input type="text">
         </div>
         <div class="footer_o2">
            <span>关注我们</span>
            <div class="footer_o2_one">
               <img src="../images/li3.png" alt="">
               <div class="footer_o2_one1">

               </div>
            </div>

            <div class="footer_o2_two">
               <img src="../images/li5.png" alt="">
               <div class="footer_o2_two1">
                  <img src="../images/erweima.2dbf6911.jpg" alt="">
               </div>
            </div>
            <div class="footer_o2_there">
               <img src="../images/li16.png" alt="">
               <div class="footer_o2_there1">
                  <img src="../images/erweima.2dbf6911.jpg" alt="">
               </div>
            </div>
         </div>
      </div>
      <div class="footer_t">
         <table cellspacing="0px" cellpading="0px">
            <tr>
               <th>彩妆专区</th>
               <th>护肤专区</th>
               <th>香水专区</th>
               <th>明星产品</th>
               <th>帮助中心</th>
            </tr>
            <tr>
               <td>唇部</td>
               <td>「黑钥匙」护肤系列</td>
               <td>男士</td>
               <td>阿玛尼[传奇红管J唇釉</td>
               <td>常见问题</td>
            </tr>
            <tr>
               <td>面部</td>
               <td>光钥新肌护肤系列</td>
               <td>女士</td>
               <td>阿玛尼大师[蓝气垫J</td>
               <td>订单查询</td>
            </tr>
            <tr>
               <td>眼部</td>
               <td>清洁防晒综合系列</td>
               <td></td>
               <td>阿玛尼自我无界香水</td>
               <td>订单查询</td>
            </tr>
            <tr>
               <td>美容工具</td>
               <td>男士综合护肤系列</td>

            </tr>
         </table>
      </div>
      <div class="footer_th">
         <img src="../images/li8.png" alt="">
         <p>国家药监局提示您:宣称用于祛斑美白、防晒、染发、烫发等的化妆品为特殊用途化妆品，产品标签上应标注国妆特字或者“国妆特进字的标准文号。</p>
         <p>
            <span>沪公网安备31010602001530号中国工商 沪ICP备08100043号 21</span>

         </p>
         <p class="footer_th_m">OL'Oreal China欧莱雅(中国)有限公司版权所有</p>
         <p>GIORGIO ARMANI阿玛尼美妆中国官网，GIORGIO ARMANI阿玛尼美妆天猫旗舰店，阿玛尼美妆官方微信精品商城，为官方认证渠道。</p>
      </div>
   </footer>
</body>

</html>
<script src="jQuery.js"></script>
<script src="banner.js"></script>
<script src="banner1.js"></script>
<script src="banner2.js"></script>
<script src="banner3.js"></script>

<!-- nav_m1_fore-one  198 -->

<script>


   document.getElementsByClassName("nav_m1_fore-one")[0].onclick = function () {
   // console.log(ttt);
      location.href = "/ARMANI/html/shangpinye.html"

   }

</script>